<%@ page import="lesbonsamis.TransactionCommand" %>
<html>
    <head>
        <meta name="layout" content="main" />  
    </head>
    
    <body>		
    	<div data-role="page" data-cache="never">
	        <div data-role="header" id="navigation" class="nav" data-theme="b">
	        	<h1>Résultats</h1>
		        
		        <div data-role="navbar" class="nav">
			        <ul>
			        	<li><a href="${createLink(controller:'projet', action: 'editer')}" id="accueil" data-icon="custom">Accueil</a></li>
			        	<li><a href="${createLink(controller:'participant', action: 'liste')}" id="participants" data-icon="custom">Participants</a></li>
			        	<li><a href="${createLink(controller:'depense', action: 'liste')}" id="depenses" data-icon="custom">Dépenses</a></li>
			        	<li><a href="${createLink(controller:'transaction', action: 'liste')}" id="resultats" data-icon="custom">Résultats</a></li>
			        </ul>
		        </div>
	        </div>
	        
	        <div data-role="content" id="content">
	        	<g:if test="${listeTransaction?.size() != 0}">
				<ul data-role="listview" id="liste" data-inset="true">
				    <g:each in="${listeTransaction}" status="i" var="transaction">
                    <li>	                    	
                    	<h3>${transaction?.donneur?.nom.encodeAsHTML()} doit ${transaction?.montant} € à ${transaction?.receveur?.nom.encodeAsHTML()}</h3>
                    </li>
					</g:each>
				</ul>
				</g:if>
				
				<g:else>
				Aucune transaction. Peut-être avez vous oublié de saisir des participants... ou des dépenses. Ou bien votre projet est déjà équilibré !
				</g:else>
				
				<g:link action="envoyer" data-role="button" data-icon="check">Envoyer par mail</g:link>
		    	<g:if test="${message}">
		    		<p class="erreur">${message}<p>
		    	</g:if>
	        </div>
	        
	        <script type="text/javascript">
    			$('[data-role=page]').live('pageshow', function () {   
  			    	$('#liste').listview('refresh');
  				});
	        </script>
        </div>
    </body>
</html>
